import React from 'react'
import { Col, Row, Button, DatePicker, Cascader } from 'antd';
import { FileOutlined } from '@ant-design/icons';
import '../../../assets/css/Sale/OrderList/OrderSearch.css';
// import commodityPaging from '../../../service/Sale/DDLB'




const { RangePicker } = DatePicker;

const options = [
    {
        value: 'Carpin',
        label: '车销',
    },
    {
        value: 'Visit',
        label: '访销',
    }
]



function OrderSearch() {
    return (
        <div id='orderSearch'>
            <Row className='SearchSwitch'>
                <Col span={6}>
                    <span className='icon'><FileOutlined /></span>
                    <span className='screen'>筛选查询</span>
                    <span className='screen'>本页合计金额：</span>
                </Col>
                <Col span={5} offset={13}>
                    <span className='icon'><FileOutlined /></span>
                    <span className='screen'>收起筛选</span>
                    <Button>查询结果</Button>
                    <Button>高级检索</Button>
                </Col>
            </Row>
            <Row className='SearchType'>
                <Col span={6}>
                    <span>创建日期：</span>
                    <RangePicker />
                </Col>
                <Col span={6}>
                    <span>销售类型：</span>
                    <Cascader options={options} placeholder="全部" />
                </Col>
                <Col span={6}>
                    <span>订单类型：</span>
                    <Cascader options={options} placeholder="全部" />
                </Col>
                <Col span={6}>
                    <span>客户类型：</span>
                    <Cascader options={options} placeholder="全部" />
                </Col>
            </Row>
        </div>
    )
}

export default OrderSearch;